<?php
  if($step != 1)
    die();
?>

<!-- STYLES -->
<style type="text/css">
  .form table {
    margin: auto;
  }
  
  .form td {
    padding-bottom: 25px;
  }
  
  .tab_title {
    font-size: 22px;
    color: purple;
  }
  
  .tab_choose2 {
    text-align: left;
  }
  
  .tab_submit, .tab_choose1 {
    text-align: right;
  }
  
  img {
    border: black solid 1px;
  }
</style>

<!-- SCRIPTS -->

<!-- BODY -->  
<table>

  <tr>
    <td class="tab_title" colspan="2">
      Choose your layout
    </td>
  </tr>
  <tr>
    <td class="tab_choose1" style="padding-bottom: 8px;">
      Select type of signature: 
    </td>
    <td class="tab_choose2" style="padding-bottom: 8px;">
      <select name="sign_type">
        <option value="0">Simple Text (static)</option>
        <option value="1">My Character (active)</option>
        <option value="2">My Character with title</option>
      </select>
    </td>
  </tr>
  
  <tr>
    <td class="tab_submit" colspan="2">
      <input type="submit" name="step1" value="Continue &#187;">
    </td>
  </tr>

<?php
  $sql_return = @mysql_query('SELECT * FROM `'.TAB_SRC.'` WHERE `type`="SIGNATURE" ');
  while($sql_data = mysql_fetch_assoc($sql_return)) {
    echo('
      <tr>
        <td colspan="2">
          <input type="radio" name="background" value="'.$sql_data['id'].'"> '.$sql_data['name'].'<br>
          <img src="./includes/get_preview.php?get='.$sql_data['id'].'" title="'.$sql_data['name'].'" alt="'.$sql_data['name'].'" />
        </td>
      </tr>
    ');
  }
?>

  <tr>
    <td class="tab_submit" colspan="2">
      <input type="submit" name="step1" value="Continue &#187;">
    </td>
  </tr>

</table>